import React, {useState} from 'react';
import SideMenu from "./components/sideMenu/sideMenu";
import TopHeader from "./components/topHeader/topHeader";
import {Outlet} from 'react-router-dom'
import  {Layout,theme} from 'antd'
const {  Content } = Layout;
const Welcome = () => {
    const {
        token: { colorBgContainer },
    } = theme.useToken();

    const [receviceCollapsed,setCollapsed]=useState(false)


    return (
        <Layout>
            <SideMenu  receviceCollapsed={receviceCollapsed}  />
            <Layout>
              <TopHeader sendCollapsedData={setCollapsed} />
                <Content
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                        background: colorBgContainer,
                    }}
                >
              <Outlet/>
                </Content>
            </Layout>

        </Layout>
    );
};

export default Welcome;